@extends('admin::layouts.master')

@section('content')
    <div class="col-lg-12">
        <div class="card card-table">
            <div class="card-header">
                用户管理
                <div class="mt-2">
                    <button type="button" class="btn btn-primary mr-2">用户列表</button>
                    <button data-toggle="modal" data-target="#form-bp1" type="button" class="btn btn-space btn-primary mt-1">
                        添加用户
                    </button>


                    {{--<div id="form-bp1" tabindex="-1" role="dialog" class="modal fade colored-header colored-header-primary show" style="padding-right: 17px;">--}}
                        {{--<div class="modal-dialog">--}}
                            {{--<div class="modal-content">--}}
                                {{--<div class="modal-header modal-header-colored">--}}
                                    {{--<h3 class="modal-title">添加用户</h3>--}}
                                    {{--<button type="button" data-dismiss="modal" aria-hidden="true" class="close md-close"><span class="mdi mdi-close">       </span></button>--}}
                                {{--</div>--}}
                                {{--<div class="modal-body">--}}
                                    {{--<div class="form-group">--}}
                                        {{--<label>登录账号</label>--}}
                                        {{--<input type="email" placeholder="请输入后台登录账号" class="form-control">--}}
                                    {{--</div>--}}
                                    {{--<div class="form-group">--}}
                                        {{--<label>用户昵称</label>--}}
                                        {{--<input type="text" placeholder="请输入后台用户昵称" class="form-control">--}}
                                    {{--</div>--}}
                                    {{--<div class="form-group">--}}
                                        {{--<label>登录密码</label>--}}
                                        {{--<input type="password" placeholder="请输入后台用户登录密码..." name="password" class="form-control">--}}
                                        {{--</div>--}}
                                {{--</div>--}}
                                {{--<div class="modal-footer">--}}
                                    {{--<button type="button" data-dismiss="modal" class="btn btn-primary md-close">Proceed</button>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}

                    {{--调用引入组件的模板方法来引入某个组件模板--}}
                    {{--@component第二个参数数组中的键名,会自动的变成变量名,传递到被调用的组件模板中去--}}
                    @component('components.modal',['title' => '添加用户','url' => '/admin/adminuser'])
                        <div class="form-group">
                            <label>登录账号</label>
                            <input type="text" placeholder="请输入后台用户登录账号..." name="name" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>用户昵称</label>
                            <input type="text" placeholder="请输入后台用户昵称..." name="nickname" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>登录密码</label>
                            <input type="password" placeholder="请输入后台用户登录密码..." name="password" class="form-control">
                        </div>
                    @endcomponent
                    {{--调用引入组件的模板方法来引入某个组件模板--}}
                </div>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>账号</th>
                        <th>昵称</th>
                        <th>创建时间</th>
                        <th class="actions">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($admins as $v)
                        <tr>
                            <td>{{$v['id']}}</td>
                            <td>{{$v['name']}}</td>
                            <td>{{$v['nickname']}}</td>
                            <td>{{$v['created_at']}}</td>
                            <td class="actions">
                                <div class="btn-group btn-space">
                                    <button type="button" class="btn btn-success mr-2">编辑</button>
                                    <button type="button" class="btn btn-danger">删除</button>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@stop
